<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<!--罗玖中、周成商品房买卖合同备案文本遗失声明作废-公示公告-衡阳房产_衡阳房地产_房地产信息网-->
<!--    index::head  index 要引入的模板名(index.html)
        :: 分隔符
        head  引入的代码块
        1.  fragment 的名字
        2.  css选择器
 -->
<head th:replace="index::heads('登录')"></head>
<style>
    form>label{
        width: 80px;
        text-align: right;
        display: inline-block;
    }
</style>

<body>
<div class="bodymain">
    <div th:replace="index::.layui-header"></div>
    <div th:replace="index::.main-nav"></div>
    <div style="text-align: center">
        <div style="width: 400px; display: inline-block">
            <h1>登录页面</h1>
            <form action="login" method="post" style="line-height: 30px;text-align: left">
                <!--
                    前置条件
                    1. 错误存放 errors List中
                    2. List元素表示的是错误(全局错误 和 字段错误)

                    知识点:
                    Ognl 表达式: 1. 输出表达式结果; 2. 调用Java方法(包括静态方法)

                -->
                <span th:text="${T(com.example.c94s3plyhyfc.util.Utils).getErrors(errors,null)}"></span><br>
                <!-- 密码不回显, 账号回显 -->
                <label>账号:</label><input name="name" th:value="${param.name}">
                <span th:text="${T(com.example.c94s3plyhyfc.util.Utils).getErrors(errors,'name')}"></span>
                <br>
                <label>密码:</label><input name="pwd" type="password">
                <span th:text="${T(com.example.c94s3plyhyfc.util.Utils).getErrors(errors,'pwd')}"></span>
                <br>
                <label>验证码:</label><input name="rcode" maxlength="4"><img src="vcode" height="25px">
                <br>
                <button style="margin-left: 200px">登录</button>
                <button type="button" onclick="location.href='toreg'">注册</button>
            </form>
        </div>
    </div>
    <div th:replace="index::.footer"></div>
</div>
</body>
</html>